<md-content class="fullscreen layout-column stores">
    <md-toolbar class="bgcolor-accent">
        <span id="back-btn" class="i-arrow-back header-icon" (click)="goBack()"></span>
        <span class="color-white padding-lr-5">选择店铺</span>
    </md-toolbar>
    <div class="layout-column flex">
        <div class="storesTip padding-lr-5 padding-tb-10">初次使用，选择店铺</div>
        <div class="padding-5 flex" *ngIf="stores && stores.length" style="overflow: auto;">
            <md-list>
                <md-list-item *ngFor="let store of stores">
                    <div class="layout layout-align-center-center storesItem padding-5 flex" (click)="chooseStore(store)">
                        <div class="store-logo padding-3">
                            <img src="{{store.merchant ? (cloudHost + store.merchant.logo) : './assets/images/invt-default-pic.png'}}">
                        </div>
                        <div class="flex padding-lr-5">{{store | storeName}}</div>
                        <span class="i-chevron-right"></span>
                    </div>
                </md-list-item>
            </md-list>
        </div>
        <div class="layout layout-align-center-center flex color-primary" *ngIf="!stores || stores.length == 0">
            当前没有店铺
        </div>
    </div>
</md-content>